<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="Chinook.Web.login" EnableTheming="false"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Login to Our Website</title>
    <meta name="description" content="" />
    <link href="css/login.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery/jquery.js"></script>
    <script>

        jQuery(function($) {

            // simple jQuery validation script
            $('#login').submit(function() {

                var valid = true;
                var errormsg = 'This field is required!';
                var errorcn = 'error';

                $('.' + errorcn, this).remove();

                $('.required', this).each(function() {
                    var parent = $(this).parent();
                    if ($(this).val() == '') {
                        var msg = $(this).attr('title');
                        msg = (msg != '') ? msg : errormsg;
                        $('<span class="' + errorcn + '">' + msg + '</span>')
					.appendTo(parent)
					.fadeIn('fast')
					.click(function() { $(this).remove(); })
                        valid = false;
                    }
                });
                if (valid) { location.href = 'datagrid/flexigrid.aspx'; return false; }
                return valid;
            });



        });



</script>
</head>
<body>
    <form id="login" method="post" action="">
    <h1>
        Log in to <strong>Chinook.NET </strong>, an ALT.NET EAA Framework!</h1>
    <p class="register" style="display:none;">
        Not a member? <a href="#">Register here!</a></p>
    <div>
        <label for="login_username">
            Username</label>
        <input type="text" name="username" id="login_username" class="field required" title="Please provide your username" />
    </div>
    <div>
        <label for="login_password">
            Password</label>
        <input type="password" name="password" id="login_password" class="field required"
            title="Password is required" />
    </div>
    <p class="forgot" style="display: none;">
        <a href="#">Forgot your password?</a></p>
    <div class="submit">
        <button type="submit">
            Log in</button>
        <label>
            <input type="checkbox" name="remember" id="login_remember" value="yes" />
            Remember my login on this computer
        </label>
    </div>    
    </form>
</body>
</html>
